<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>图片轮播</title>
   <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
  <div class="index-banner" id="banner">
        <div class="banner-list" id="banner_list" style="left:-500px;">
            <a href="#" class="banner3" target="_blank"></a>
            <a href="#" class="banner1" target="_blank"></a>
            <a href="#" class="banner2" target="_blank" ></a>
            <a href="#" class="banner3" target="_blank"></a>
            <a href="#" class="banner1" target="_blank"></a>
        </div>
        <div class="slide" id="slideBtn">
            <span index="1" class="active"></span>
            <span index="2"></span>
            <span index="3"></span>
        </div> 
        <a href="javascript:;" id="prev" class="arrow">&lt;</a>
        <a href="javascript:;" id="next" class="arrow">&gt;</a>
     
</div>
 <script src="js/main.js"></script>
</body>
</html>